<script>
import Vue1 from "./components/Vue1.vue";
import Vue2 from "./components/Vue2.vue";
import Vue3 from "./components/Vue3.vue";
import Vue4 from "./components/Vue4.vue";
import componentA from "./components/componentA.vue";

export default {
  components: {
    Vue1,
    Vue2,
    Vue3,
    Vue4,
    componentA,
  },
};
</script>

<template>  
  <Vue1 />
  <Vue2 />
  <Vue3 />
  <Vue4 />
  <componentA />

</template>




<!-- <script setup>
  import { useRouter } from 'vue-router';
  const router = useRouter();
</script>

<template>
  <div id="app">
    <router-link to="/vue1">查看Vue1组件</router-link>
    <router-link to="/vue2">查看Vue2组件</router-link>
    <router-link to="/vue3">查看Vue3组件</router-link>
    <router-link to="/vue4">查看Vue4组件</router-link>
    <router-view></router-view>
  </div>
</template> -->